* {margin:0;padding:0;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
a {text-decoration:none;color:#fff;}
a:hover {text-decoration:underline;}
input,textarea,select {outline:none;-webkit-tap-highlight-color:transparent;}
ul,li {list-style-type:none;}
html,body {
	width:100%;
	height:100%;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: rgba(45,57,111,0.8);
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(45,57,111,0.8);
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgba(45,57,111,0.8);
}
body {
	font-family: PingFangSC-Regular,Microsoft YaHei,Helvetica;
	background: #ffffff;
	margin-left:auto;
	margin-right:auto;
	font-size:0.16rem;
	overflow-x: hidden;
}
.login {
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	max-width: 640px;
	background:url('/skin/img/loginbg.jpg') 100% 100%;
	background-size: 100% 100%;
}
form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.logo {
	width: 3.8rem;
	margin: 0 auto;
}
.logo img {
	display: block;
	width: 100%;

}
i {
	display: block;
	width:0.42rem;
	height:0.42rem;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left:0.40rem;
	background-size: 0.42rem;
	top:0.25rem;
}
input {
	border:none 0;
	background: 0;
}
.main {
	width: 6.4rem;
	margin: 30px auto 0;
	overflow: hidden;
}

.dl1,.dl2 {
	width: 100%;
	height:0.92rem;
	border: #fff 1px solid;
	
	margin: 0.44rem auto 0;
	position: relative;
	border-radius: 0.1rem;
}

.dl1 input,.dl2 input {
	width:100%;
	height:0.92rem;
	text-indent: 1rem;
	color:#fff;
	font-size:0.32rem;
}
.dl1 input::placeholder, .dl2 input::placeholder{ color: white;opacity: 1}
.dl1 i {
	background-image: url(../img/iphone.png);
}
.dl2 i {
	background-image: url(../img/mima.png);
}
.dl3 {
	width: 100%;
	margin: 40px auto 0;
	position: relative;

}
.dl3 button {
	background: #fff;
	border: 0;
	line-height: 1rem;
	border-radius: 0.1rem;
	text-align: center;
	color: #105cb0;
	font-size: 0.29rem;
	font-weight: 500;
	margin: 1rem auto 0.4rem;
	display: block;
	width:100%;
}
.text {
	width: 100%;
	margin-top: 0.50rem;
	position: relative;
	font-size:0.24rem;
	text-align: center;
	color: #fff;
}
.text  a {
	color:#fff;
	font-size:0.24rem;
}
.tishi {
	width:220px;
	height:30px;
	position: absolute;
	border: 0;
	top:calc(5.20rem + 230px);
	left:calc(50% - 110px);
	color:#333;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	font-size:15px;
}
.app {
	width: 1.60rem;
	display: block;
	margin: 1.60rem auto 0;
	text-align: center;
}
.app img {
	display: block;
	width: 1.03rem;
	height: 1.03rem;
	margin: 0 auto;
}
.app p {
	color: #e8b37b;
	font-size: 0.24rem;
	line-height: 4;
}
.zhuce {
	text-align: center;
}
.zhuce a {
	color: #e8b37b;
	text-decoration:underline;
	font-size: 0.24rem;
}